.root {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  // background: center/cover url(../../assets/login.png);
  // 如果要使用绝对路径，需要使用 ~
  background: center/cover url(~@/assets/login.png);

  :global {

    // 中间的登录表单主体
    .login-container {
      width: 440px;
      height: 360px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 50px rgb(0 0 0 / 10%);

      // 极客园图片的样式
      .login-logo {
        width: 200px;
        height: 60px;
        display: block;
        margin: 0 auto 20px;
      }

      .login-checkbox-label {
        color: #1890ff;
      }
    }
  }
}